<style type="text/css">
    .panel-info{
        transition: all .6s;
        opacity: 0;
    }
</style>
<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('套餐')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="checkbox combo-list">
                <div class="checkbox combo-list">
                    <label for="combo4" readonly="" disabled="">
                        <input type="checkbox" id="combo4" checked readonly disabled>
                        <span>{$rows['combo_name']}</span>
                    </label>
                </div>
            </div>
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('关联')}:</label>
        <div class="col-xs-12 col-sm-8 paper-list">
            <div class="panel panel-info" style="opacity: 1;">
                <div class="panel-heading combo-title">{$rows['combo_name']}</div>
                <div class="panel-body" style="padding: 5px;">
                    <div class="checkbox">
                        <label for="link4unit">
                            <input type="checkbox" name="row[unit]" id="link4unit" value="1" {$relation['unit']}>章节练习
                        </label>
                        <label for="link4history">
                            <input type="checkbox" name="row[history]" id="link4history" value="1" {$relation['history']}>历年真题
                        </label>
                    </div>
                    <div>
                        <div class="panel panel-success">
                            <span class="pull-left-container"><small class="label pull-left label-warning">正式</small></span>
                            <div class="panel-body" style="padding:12px;">
                                <div class="checkbox">
                                    {volist name="$relation['formal']" id="item"}
                                    <label for="link{$item.id}">
                                        <input type="checkbox" name="row[formal][]" id="link{$item.id}" value="{$item.id}" {$item.check}>{$item.paper_name}
                                    </label>
                                    {/volist}
                                </div>
                            </div>
                        </div>
                        <div class="panel panel-success">
                            <span class="pull-left-container"><small class="label pull-left label-info">模拟</small></span>
                            <div class="panel-body" style="padding:12px;">
                                <div class="checkbox">
                                    {volist name="$relation['simulation']" id="item"}
                                    <label for="link4{$item.id}">
                                        <input type="checkbox" name="row[simulation][]" id="link4{$item.id}" value="{$item.id}" {$item.check}>{$item.paper_name}
                                    </label>
                                    {/volist}
                                </div>
                            </div>
                        </div>
                        <div class="panel panel-success">
                            <span class="pull-left-container"><small class="label pull-left label-success">付费</small></span>
                            <div class="panel-body" style="padding:12px;">
                                <div class="checkbox">
                                    {volist name="$relation['fee']" id="item"}
                                    <label for="link5{$item.id}">
                                        <input type="checkbox" name="row[fee][]" id="link5{$item.id}" value="{$item.id}" {$item.check}>{$item.paper_name}
                                    </label>
                                    {/volist}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>
